<!-- 
本案例实现【依赖注入】

实现祖先组件向子组件传递数据，而不是每次都要先传给父组件，再传给子组件
-->
<template>
    <Parent />
</template>

<script>
import Parent from "./components/Parent.vue";

export default {
    components: {
        Parent
    },
    // 在祖先这里使用 provide，向全部的子组件提供可全局访问的元素
    // 子组件使用 inject 将元素注入，使用字符串
    // provide 和 inject 仅限于祖先元素向其子元素（包括父元素等，只要是其子元素）传递数据，而不能子元素向父元素传递数据
    provide() {
        return {
            message: "来自祖先 app 的元素"
        }
    }
}

</script>

<style></style>